<!DOCTYPE html>
<html lang="en" ng-app="kitchensink">
<head>
    <title>kitchensink</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0"/>
    
    <!-- Stylesheet for angular-mobile-nav  -->
    <link rel="stylesheet" href="css/mobile-nav.css" type="text/css" />
    
    <!-- Include Topcoat -->
    <!-- link rel="stylesheet" href="css/main.css" type="text/css" / -->
    <link rel="stylesheet" type="text/css" href="css/topcoat-mobile-dark.css">
    
    <!-- CSS for this quickstart (TODO merge with desktop) -->
    <link rel="stylesheet" href="css/mobile.css" type="text/css" />
    
</head>
<body>

    <!-- We use mobile-view rather than ng-view, to enable mobile transitions -->
    <mobile-view />

    <!-- In production use minified versions -->
    
    <!-- Load angularjs -->
    <script src="js/libs/angular.js"></script>
    
    <!-- Load angular-resource, which allows us to interact with REST resources as high level services -->
    <script src="js/libs/angular-resource.js"></script>
    
    <!-- Load angular-mobile-nav which allows transitions between partials -->
    <script src="js/libs/mobile-nav.js"></script>
    
    <!-- Load angular-mobile -->
    <script src="js/libs/angular-mobile.js"></script>
    
    <!-- Load the controllers for our app -->
    <script src="js/controllers.js"></script>
    
    <!-- Load the application wide JS, such as route definitions -->
    <script src="js/app.js"></script>
    
    <!-- Load the services we have defined for the application, particularly the REST services -->
    <script src="js/services.js"></script>
    
</body>
</html>
